<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'MyJsp.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css"><!-- Bootstrap -->
<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"><!-- Bootstrap Theme -->
<link href="css/style.css" rel="stylesheet" type="text/css"><!-- Style Css -->
<link href="vendor/magnific/magnific-popup.css" rel="stylesheet" type="text/css"><!-- Magnific Popup -->
<link href="vendor/owl-carousel/css/owl.carousel.css" rel="stylesheet" type="text/css"><!-- Owl Carousel -->
<link href="vendor/owl-carousel/css/owl.theme.css" rel="stylesheet" type="text/css"><!-- Owl Carousel Theme -->
<!-- Color Style -->
<link href="colors/color1.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css"><!-- CUSTOM STYLESHEET FOR STYLING -->
<!-- SCRIPTS
  ================================================== -->
<script src="js/modernizr.js"></script><!-- Modernizr -->

  </head>
  
  <body class="home">
<div class="body">
	<!-- 头部 -->
    <%@include file="top.jsp" %>
    <!-- 幻灯片-->
   	<div class="">
   		<img src="images/Z.jpg"/>  		
   	</div>
    <!-- 联系我们-->
  	<div class="main" role="main">
    	<div id="content" class="content full">
            <!-- start container -->
            <div class="container padding-tb60">
                <div class="spacer-50">
                        <img src="images/zhua.png">
                        <h2 style="font-weight: 400;"><span>——</span>主营用品<span>——</span></h2>
                    </div>              
                <div class="clearfix"></div>
                <div class="woocommerce">
                    <ul class="products">
                        <li class="product">
                            <a href="#" title="" class="woocommerce-LoopProduct-link">
                                <span class="onsale">热卖!</span>
                                <img src="images/yp (5).png" alt="">
                                <h3>中大型狗狗用品狗食盆</h3>
                                <span class="price">
                                    <ins>
                                        <span>£<span>49.99</span></span>
                                    </ins>
                                </span>
                            </a>
                            <a href="#" title="" class="button product_type_simple">在线预订</a>	
                        </li>
                        <li class="product">
                            <a href="#" title="" class="woocommerce-LoopProduct-link">
                                <img src="images/yp (1).png" alt="">
                                <h3>宠物用品宠物脱毛梳</h3>
                                <span class="price">
                                    <ins>
                                        <span>£<span>39.99</span></span>
                                    </ins>
                                </span>
                            </a>
                            <a href="#" title="" class="button product_type_simple">在线预订</a>	
                        </li>
                        <li class="product">
                            <a href="#" title="" class="woocommerce-LoopProduct-link">
                                <img src="images/yp (4).png" alt="">
                                <h3>幼犬磨牙耐咬棉绳结玩具球</h3>
                                <span class="price">
                                    <ins>
                                        <span>£<span>29.99</span></span>
                                    </ins>
                                </span>
                            </a>
                            <a href="#" title="" class="button product_type_simple">在线预订</a>	
                        </li>
                        <li class="product">
                            <a href="#" title="" class="woocommerce-LoopProduct-link">
                                <span class="onsale">热卖!</span>
                                <img src="images/yp (3).png" alt="">
                                <h3>狗狗猫咪铃铛项圈宠物狗颈圈</h3>
                                <span class="price">                                   
                                    <ins>
                                        <span>£<span>29.99</span></span>
                                    </ins>
                                </span>
                            </a>
                            <a href="#" title="" class="button product_type_simple">在线预订</a>	
                        </li>
                    </ul>
                </div>
            </div>
            <!-- end container -->
        </div>
    </div>
    <!-- 尾部 -->
    <%@include file="botton.jsp" %>
  	<a id="back-to-top"><i class="fa fa-arrow-up"></i></a> 
</div>
<script src="js/jquery-2.2.3.min.js"></script> <!-- Jquery Library Call -->
<script src="vendor/magnific/jquery.magnific-popup.min.js"></script> <!-- Maginific Popup Plugin -->
<script src="js/ui-plugins.js"></script> <!-- UI Plugins -->
<script src="js/helper-plugins.js"></script> <!-- Helper Plugins -->
<script src="vendor/owl-carousel/js/owl.carousel.min.js"></script> <!-- Owl Carousel -->
<script src="js/bootstrap.js"></script> <!-- UI -->
<script src="js/init.js"></script> <!-- All Scripts -->
<script src="vendor/flexslider/js/jquery.flexslider.js"></script> <!-- FlexSlider -->
<!--<script src="js/jquery.mb.YTPlayer.js"></script>-->
</body>
</html>
